<!DOCTYPE html>
<!--suppress ALL-->
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <base th:href="@{/}"><!-- 不用base就使用th:src="@{/js/jquery.min.js} -->
    <meta charset="UTF-8">
    <title>用户信息页面</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css"/>
    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.js"></script>
    <script type="text/javascript" th:inline="javascript">

    </script>
    <style>

        body {
            background-image: url("http://localhost:8088/images/201910280135559860.jpg");
        }

        #user {
            margin-left: 30%;
        }

        #l1, #l2, h2 {
            color: white;

        }

    </style>
<body>
<div class="container">
    <div class="" style="width:100%; height: 70px;padding-top: 10px;">
        <h2 style="text-align: center">用户信息</h2>
    </div>
    <br><br>
    <div id="user">
        <form name="myform" id="myfrom" method="post" class="form-horizontal" role="form">
            <!--显示邮箱信息-->
            <div class="form-group has-success">
                <label class="col-sm-2 col-md-2 control-label" id="l1">邮箱</label>
                <div class="col-sm-4 col-md-4">
                    <input type="text" id="email" th:value="${session.loginUser.getEmail()}" class="form-control"
                           readonly="readonly" name="email"/>
                </div>
            </div>
            <!--显示密码信息-->
            <!--            <div class="form-group has-success">-->
            <!--                <label class="col-sm-2 col-md-2 control-label" id="l2">密码</label>-->
            <!--                <div class="col-sm-4 col-md-4">-->
            <!--                    <input type="text" id="password" th:value="${session.loginUser.getPassword()}"-->
            <!--                           class="form-control" readonly="readonly"-->
            <!--                           name="password"/>-->
            <!--                </div>-->
            <!--            </div>-->
            <!--显示电话信息-->
            <div class="form-group has-success">
                <label class="col-sm-2 col-md-2 control-label" id="l2">电话</label>
                <div class="col-sm-4 col-md-4">
                    <input type="text" id="phone" th:value="${session.loginUser.getPhone()}" class="form-control"
                           name="phone" readonly="readonly"/>
                </div>
            </div>
            <!--显示真实姓名信息-->
            <div class="form-group has-success">
                <label class="col-sm-2 col-md-2 control-label" id="l2">真实姓名</label>
                <div class="col-sm-4 col-md-4">
                    <input type="text" id="realName" th:value="${session.loginUser.getRealName()}" class="form-control"
                           name="realName" readonly="readonly"/>
                </div>
            </div>
            <!--显示性别信息-->
            <div class="form-group has-success">
                <label class="col-sm-2 col-md-2 control-label" id="l2">性别</label>
                <div class="col-sm-4 col-md-4">
                    <input type="text" id="sex" th:value="${session.loginUser.getSex()==0}?'男':'女'" class="form-control"
                           name="sex" readonly="readonly"/>
                </div>
            </div>


            <!--            <div class="form-group">-->
            <!--                <label class="col-sm-2 col-md-2 control-label" id="l2">性别</label>-->
            <!--                <div class="col-sm-2 col-md-2 form-inline">-->
            <!--                    <input type="radio" class="form-inline" id="sex" name="sex" value="0"/>男-->
            <!--                </div>-->
            <!--                <div class="col-sm-2 col-md-2 form-inline">-->
            <!--                    <input type="radio" class="form-inline" id="sex" name="sex" value="1"/>女-->
            <!--                </div>-->
            <!--            </div>-->

            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="button" id="return" class="btn btn-success">返回</button>
                </div>
            </div>
        </form>
    </div>
</div>

</body>

<script>
    $("#return").click(function () {
        location.href = "/"
    });
</script>
</html>